@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'RALEWAY-REGULAR';
  src: url('fonts/RALEWAY-REGULAR.eot');
  src: local('☺'), url('fonts/RALEWAY-REGULAR.woff') format('woff'), url('fonts/RALEWAY-REGULAR.ttf') format('truetype'), url('fonts/RALEWAY-REGULAR.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display:fallback;
}
@font-face {
  font-family: 'RALEWAY';
  src: url('fonts/RALEWAY.eot');
  src: local('☺'), url('fonts/RALEWAY.woff') format('woff'), url('fonts/RALEWAY.ttf') format('truetype'), url('fonts/RALEWAY.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display:fallback;
}
@font-face {
  font-family: 'RALEWAY-BOLD';
  src: url('fonts/RALEWAY-BOLD.eot');
  src: local('☺'), url('fonts/RALEWAY-BOLD.woff') format('woff'), url('fonts/RALEWAY-BOLD.ttf') format('truetype'), url('fonts/RALEWAY-BOLD.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display:fallback;
}

body{font-family:RALEWAY-REGULAR,Arial, Helvetica, sans-serif; font-size: 16px;overflow-x: hidden; color: #333;}
html, div,body, span, h1, h2, h3, h4, h5, h6, p,table, td, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0;padding: 0; }
input,select,textarea{font-size: 14px;border:none;margin: 0;padding: 0;}
img{border: 0 none;vertical-align: middle; max-width: 100%; }
a{color: #333;text-decoration:none;background-color:transparent;transition: 0.3s;}
a:hover{cursor: pointer; color:#ed7d2a;}
a:focus{outline:none;}
ul, li, dl, dt, dd{list-style: none outside none;}
*{ box-sizing: border-box; }


.owl-theme .owl-controls{ margin-top: 10px; text-align: center;}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px;  padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px;  -moz-border-radius: 30px;  border-radius: 30px;  background: #869791;  filter: Alpha(Opacity=50);/*IE7 fix*/  opacity: 0.5;}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none;}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */}
.owl-theme .owl-controls .owl-page span{  display: block;  width: 12px;  height: 12px;  margin: 5px 7px;  filter: Alpha(Opacity=50);/*IE7 fix*/  opacity: 0.5;  -webkit-border-radius: 20px;  -moz-border-radius: 20px;  border-radius: 20px;  background: #869791;}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/  opacity: 1;}
/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{  height: auto;  width: auto;  color: #FFF;  padding: 2px 10px;  font-size: 12px;  -webkit-border-radius: 30px;  -moz-border-radius: 30px;  border-radius: 30px;}

/* preloading images */
.owl-item.loading{ min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center}

/* clearfix */
.owl-carousel .owl-wrapper:after {  content: "."; display: block; clear: both;  visibility: hidden; line-height: 0; height: 0;}
/* display none until init */
.owl-carousel{ position: relative; width: 100%;  -ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{ display: none;  position: relative; -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{  -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out;  -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out;  transition: height 500ms ease-in-out;}

.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{ cursor: pointer;}
.owl-controls { -webkit-user-select: none;  -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon */
.grabbing { cursor:url(grabbing.png) 8 8, move;}

/* fix */
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden;-ms-backface-visibility:     hidden; -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}

/* CSS3 Transitions */

.owl-origin {-webkit-perspective: 1200px;-webkit-perspective-origin-x : 50%;-webkit-perspective-origin-y : 50%; -moz-perspective : 1200px;  -moz-perspective-origin-x : 50%;-moz-perspective-origin-y : 50%; perspective : 1200px;}
/* fade */
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease;}
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease;  animation: fadeIn .7s both ease;}
/* backSlide */
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease;}
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease;}
/* goDown */
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both;}
.owl-goDown-in {-webkit-animation: goDown .6s ease both;-moz-animation: goDown .6s ease both;animation: goDown .6s ease both;}
/* scaleUp */
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both;}

.owl-fadeUp-out {-webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both;}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}

/*****/
@font-face {
  font-family: "iconfont"; /* Project id 2577052 */
  src: url('fonts/iconfont.woff2?t=1622187759930') format('woff2'),
       url('fonts/iconfont.woff?t=1622187759930') format('woff'),
       url('fonts/iconfont.ttf?t=1622187759930') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-you_tube:before {
  content: "\e607";
}

.icon-jiantou:before {
  content: "\e604";
}

.icon-liuyan:before {
  content: "\e744";
}

.icon-fasongyoujian:before {
  content: "\e642";
}

.icon-youjian1:before {
  content: "\e645";
}

.icon-youjian11:before {
  content: "\e641";
}

.icon-liuyan1:before {
  content: "\e606";
}

.icon-zhuye:before {
  content: "\e605";
}

.icon-chuanzhen:before {
  content: "\e65b";
}

.icon-dianhua:before {
  content: "\e691";
}

.icon-zhuye1:before {
  content: "\e626";
}

.icon-QQ:before {
  content: "\e620";
}

.icon-Telephone:before {
  content: "\e64e";
}

.icon-menu:before {
  content: "\e603";
}

.icon-weizhi:before {
  content: "\e617";
}

.icon-youxiang:before {
  content: "\e61e";
}

.icon-you-tube:before {
  content: "\e643";
}

.icon-FacebookF:before {
  content: "\e608";
}

.icon-ttww:before {
  content: "\e600";
}

.icon-in:before {
  content: "\e60d";
}

.icon-mail:before {
  content: "\e686";
}

.icon-fasong:before {
  content: "\e693";
}

.icon-tel:before {
  content: "\e601";
}

.icon-fangdajing:before {
  content: "\ea0f";
}

.icon-dizhi:before {
  content: "\e685";
}

.icon-yuyan:before {
  content: "\e602";
}

.icon-zhuanyeliebiao:before {
  content: "\e68d";
}

.icon-shengchanliangtongji:before {
  content: "\e644";
}

.icon-jine:before {
  content: "\e637";
}


/*************************************************************/


input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}
.w_p_main{ background: #fff; overflow: hidden;  }
.main{ background: #f5fcff; overflow: hidden;  }
.warper{ margin:0 auto; width: 90%; max-width: 1440px; position: relative; }
.backToTop{width:40px; height:40px; border-radius: 5px; background:#ed7d2a url(img/icon_top.png) no-repeat center; background-size: 90%; cursor:pointer; position:fixed; right:42px; text-indent:9999px; bottom:10%; color: #fff; transition: all .3s}
.backToTop:hover{ opacity: .9;}

header{ width: 100%; height: 100px;z-index: 999; position: fixed;  top: 0;  left: 0; }
.nav-top{ background-color: #151515; height: 34px; line-height: 34px; color: #ed7d2a; border-bottom: #2d2d2d solid 1px;}
.nav-top p{ width: 1280px;  margin: 0 auto; font-family: Poppins;}
.nav-top p span{ font-size: 25px; float: right;}
.nav-top p a{ color:#ed7d2a ;float: right; font-size: 14px;}
.position{ background:rgba(11,11,11,0.8);  }

.logo{ position: absolute;left: 0; top: 10%;}
.logo img{ transition: all 0.3s; width: 100%;}

h6{ display: inline-block; font-weight: normal; }
#nav:after{  content: '';  display: block;  clear: both;}
#nav .warper{position: relative;}

.close-nav{position: fixed; top:0; left:0; width: 100%;height: 100%;background: #000;opacity: 0;visibility: hidden;transition: 0.5s;z-index: 88;}
.nav-open{transform: translateX(0);}
.close-open{opacity: 0.5;visibility: visible;}
.body-hidden{overflow: hidden!important;}
#nav .nav-button{width: 35px;height: 35px; z-index: 5; border-radius: 3px;background: #ed7d2a ; color: #111;position: absolute; right: 10px; top: 10px;line-height: 35px;text-align: center;font-size: 20px;}
#nav .nav-button i{ color: #fff; font-size: 22px; font-weight: 600; }
#nav .nav-button{display: none;}
#nav .on a{ color: #ed7d2a;}

nav{ float: right; margin-right: 85px;}
nav li{ float: left; margin: 0 33px; position: relative; cursor: pointer;}
nav li>a{font-weight: 500; padding: 40px 2px 38px 2px; color: #fff; position: relative; display: block; text-align: center; transition:0.5s; font-size:20px; text-transform: uppercase; }
nav li:hover>a,nav li.on>a{ color: #fff; }
nav dl{ opacity: 0; border-top:3px solid #ed7d2a; transition: opacity 1s ease;position: absolute; display: block; background: rgba(44,44,44,0.95); width: auto; top: 100px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; left:-9999px; z-index: 999;  }
nav dl dd{ display: block; position: relative; }
nav dl dd:last-child{ border: none; }
nav li dl dd a{  line-height: normal; font-size: 16px; color: #fff !important; display: block; padding: 15px 18px; text-align: left; white-space: nowrap; }
nav li dl dd a:hover{ background: #ed7d2a ; cursor: pointer; }
nav li a:hover i{opacity: inherit;  }
nav li:hover dl{ left: 0; opacity: 1; }

.head_rcon{ position: absolute; width: 85px;height: 40px; line-height: 40px;  right: 0; top: 25px; font-size: 16px; text-align: center;}
.head_rcon a{ display: inline-block;  color: #fff;  font-weight: 600;}
.head_rcon span{ color: #666; margin-left: 10px; }
.head_rcon i{ font-size: 23px; display: inline-block; color: #fff; }
.head_rcon .languagebox i{ color: #fff;}
.head_rcon a span{ color: #ed7d2a; }
.head_rcon a:hover span{ text-decoration: underline; }
.head_rcon *{ vertical-align: middle; }


.languagebox{  width: 45px; position: relative; font-size: 22px; height: 26px; }
.languagebox i{ position: absolute; color: #222; top: 4px; left: 0; font-size: 35px; }
.languagebox ul{ width: 100%;  height: 32px; display: inline-block; vertical-align: middle; overflow: hidden; position: absolute; left:0; top: 0; z-index: 55; }
.languagebox a{ line-height: 32px;  color: #fff; display: inline-block; }
.languagebox:hover ul{height:auto; border-radius: 0; }

.search-button{ width: 30px;  position: absolute;  height: 30px; line-height: 30px; display: inline-block; top: 9px;}
.search-button i{ cursor: pointer; font-size: 35px; position: absolute; top: 0; left: 0;  }
.searchform{ overflow: hidden;background:#ed7d2a;position: absolute; right: 0; height: 0; z-index: 88; top:35px; width: 240px; transition: all .3s;}
.searchform i{ font-size: 20px; color: #fff; }
.searchform input{ width: 190px; background:#ed7d2a; color: #fff; line-height:40px; padding-left:10px; float: left; }
.searchform button{ width:35px; line-height:40px; background:#ed7d2a; border: 0; color: #fff; text-align: center; outline: none; cursor: pointer; transition: all .5s; position: absolute; right: 0; top: 0}
.searchform input::-webkit-input-placeholder { color: #fff;}
.searchform input:-moz-placeholder {  color: #fff;}

.changpic { width: 100%; overflow: hidden; }
.changpic img{ width: 100%; transition: 0.5s; }

.fixnav{position: fixed; top:30%; z-index: 10;}
.fixnav li{ transition: all .5s; width: 40px; text-align: center; font-size: 12px; height: 40px; margin-bottom:1px; background: #ececed; position: relative; }
.fixnav li .ic{width: 40px; line-height: 40px; height: 40px; background: #275082; position: relative; z-index: 2;}
.fixnav li a{color: #fff; transition: all .1s}
.fixnav li .iconfont{ font-size: 32px; }
.fixnav li:nth-of-type(2) .ic{ background: #ed7d2a; }
.fixnav li:nth-of-type(3) .ic{ background: #3a82d3; }
.fixnav li:nth-of-type(4) .ic{ background: #30afeb; }
.fixnav li:nth-of-type(5) .ic{ background: #0085b2; }
.fixnav li:nth-of-type(6) .ic{ background: #fc1a1c; }
.fixnav li span{ line-height:40px; transition: all .3s; overflow: hidden; font-size: 16px; padding:0 10px; margin-right:40px; position: absolute; left: -999px;  top:0; z-index: 3; width:200px; z-index: 0; text-align: left }

.fixnav li:hover span{display: block;  background: #055fe4; color: #fff; width: 200px; left: 36px;}
.fixnav li:hover:nth-of-type(2) span{ background: #fe7b1b; }

/*sub-banner*/
.sub_banner{ width: 100%; position: relative;}
.sub_banner img{ width: 100%;}
.sub-ban-box{position: absolute; bottom: 0; width: 100%; background-color: rgba(225,225,225,0.5);}
.sub-ban-box ul{ overflow: hidden;}
.sub-ban-box ul li{ float: left; height: 60px; line-height: 60px; color: #fff; font-size: 18px; text-transform: uppercase; margin-right: 5px;}
.sub-ban-box ul li a{ color: #fff;}
.sub-ban-box ul li:first-child { background-color:#fe7b1b ; padding:0 10px; margin-right: 25px;}
.sub-ban-box ul li i{ font-size: 50px;}

.sub-btn{ float: right;margin-top: 10px; width: 148px;height: 40px; line-height: 40px; text-transform: uppercase; background-color: #fe7b1b; color: #fff; position: relative;}
.sub-btn i{ font-size: 30px;  position: absolute; top: 5%; left: 13%;}
.sub-btn a{ color: #fff; padding-left: 50px; font-family: arial; font-size: 14px;}

/**首页banner**/
#banner img{ width: 100%; display: block; }
#banner_home{ position: relative;}
#banner_home .owl-theme .owl-controls{ position: absolute; bottom: 4%; width: 100%;  }
#banner_home .owl-theme .owl-controls .owl-page span{ width: 48px; height: 5px; background: #fff; opacity: 1;}
#banner_home .owl-theme .owl-controls .owl-page.active span{ background: #ed7d2a;}
#banner_home .owl-theme .owl-controls .owl-buttons div{background:url(img/icon-jt.png) no-repeat center; position: absolute; text-indent: -999em;}
#banner_home .owl-prev{ left: 90px; width: 48px; height: 48px;}
#banner_home .owl-next{ right: 90px;transform: rotate(180deg); width: 48px; height: 48px;}

/**底部**/
footer{ width: 100%; overflow: hidden; background-color: #232328;}
.f-top ul{  padding: 50px 0; color: #fff; overflow: hidden; border-bottom: #303036 solid 1px;}
.f-top ul li{ float: left; width: 33.33%;}
.f-top ul li i{ border-radius: 100px;background-color: #e36d23; font-size: 65px; float: left; width: 83px; height: 83px; transition: 0.5s;line-height: 83px; text-align: center; }
.f-top ul li a{ color: #fff; font-size: 18px; padding-top: 20px; line-height: 22px; display:block; margin-left: 115px;}
.f-top ul li em{ color: #a5a5a5; display: block; font-style: normal; padding-bottom: 10px;}
.f-top ul li:last-child em{ padding-bottom: 5px;}
.f-top ul li b{font-weight: normal;}
.f-top ul li:hover i{ transform: rotate(360deg);}
.f-top ul li:hover a{ color:#e36d23 ;}
.f-top ul li:nth-child(2):hover a,.f-top ul li:nth-child(3):hover a{ cursor:inherit;}


.f-bottom{ margin-top: 60px; overflow: hidden;}
.f-bottom>div{ float: left;}
.f-bottom h5{ font-size: 20px; text-transform: uppercase; color: #fff; padding-bottom: 10px;}
.f-bottom ul li a{ color: #fff;}
.f-b1{ width: 30%; padding-right: 80px; line-height: 22px; color: #46464b; text-align: center; }
.f-b2{width: 15%; padding-right: 60px;line-height: 32px;}
.f-b3{width: 25%;padding-right: 60px;line-height: 32px;}
.f-b4{ width: 30%; color: #535252; position: relative;}
.f-b4 input{color: #535252; width: 100%; background: rgba(255,255,255,1); margin-bottom: 15px;border: #313131 solid 1px; padding: 15px 30px; outline: none; font-family:RALEWAY-REGULAR,Arial, Helvetica, sans-serif;}
.f-b4 textarea{resize: none;color: #535252; width: 100%; height: 120px; padding: 15px 30px; outline: none; background: rgba(255,255,255,1); border: #313131 solid 1px;font-family:RALEWAY-REGULAR,Arial, Helvetica, sans-serif;}
.f-b4 button{ position: absolute; width: 102px; height: 120px;font-size: 70px; border: none; display: block; bottom:84px; right: 0; cursor: pointer; background-color:#e36d23 ; color: #fff;}
.f-b5{ margin-top: 10px;}
.f-b5 p{width: 100%; text-align: center; font-size: 14px; padding: 20px 0; border-top: #303036 solid 1px; color: #3e3e45;}
.f-bottom ul li a:hover{ color:#e36d23 }
.f-b4 .sub-media{ margin-top: 20px;}
.f-b4 .sub-media a{ background-color: #31313a; color: #232328; width: 35px; height: 35px; line-height: 35px;}

/**内容**/
.warper0{ width: 100%; overflow: hidden;}
.sxt-hot{ padding: 55px 0; }
.sxt-title{ width: 100%; max-width: 1440px; margin: 0 auto; text-align: center; }
.sxt-title h3{font-size: 46px; color: #333;padding: 10px 0; font-family: RALEWAY-BOLD;}
.sxt-title p{ font-size: 16px; color: #666; line-height: 26px; padding: 0 100px;}

.hot-box{ width: 90%;padding-top: 50px; margin: 0 auto;}
.sxt-hot dl,.sub-p2-con5 dl{border: #fff solid 1px; text-align: center; width: 80%;padding-bottom: 40px; margin: 0 auto; display: flex;    justify-content: space-between;flex-direction: column;}
.sxt-hot dl dt,.sub-p2-con5 dl dt{ margin: 0 auto;  transition: 0.5s;min-height: 400px; display: flex; align-items: center;}
.sxt-hot dl dd,.sub-p2-con5 dl dd{ padding:0 30px;}
.sxt-hot dl dd h6,.sub-p2-con5 dl dd h6{ padding-bottom: 10px; height: 28px; overflow: hidden; font-weight: bold;}
.sxt-hot dl dd h6 a,.sub-p2-con5 dl dd h6 a{ font-size: 20px; color: #333;}
.sxt-hot dl dd p,.sub-p2-con5 dl dd p{ height: 50px; overflow: hidden; margin-bottom: 28px;}
.sxt-hot dl dd p a,.sub-p2-con5 dl dd p a{ font-size: 16px; color: #666; line-height: 24px;}
.hot-btn{display: block; border-radius: 50px; width: 181px; height: 42px; line-height: 42px; background-color: #eee; text-align: center; color: #999; font-size: 18px; margin: 0 auto; }
.sxt-hot dl:hover{border: #dcdcdc solid 1px; }
.sxt-hot dl:hover dt img{ transform: scale(0.95);}
.sxt-hot dl dd a:hover{ color:#e36d23 ;}
.hot-btn:hover{ background-color: #e36d23; color: #fff!important;}

.sxt-hot .owl-theme .owl-controls,.sub-p2-con5 .owl-theme .owl-controls{ position: absolute; width: 100%; top: 50%;}
.sxt-hot .owl-buttons,.sub-p2-con5 .owl-buttons{ position: relative;}
.sxt-hot .owl-theme .owl-controls .owl-buttons div,.sub-p2-con5 .owl-theme .owl-controls .owl-buttons div{ position: absolute; background: url(img/btn1.png) no-repeat left center; width: 42px; height: 42px; padding: 0; text-indent: -999em; opacity: inherit;}
.sxt-hot .owl-theme .owl-controls .owl-buttons .owl-prev{ left: -60px;}
.sxt-hot .owl-theme .owl-controls .owl-buttons .owl-next{right: -60px;transform: rotate(180deg);}
.sxt-hot .owl-theme .owl-controls .owl-buttons div:hover,.sub-p2-con5 .owl-theme .owl-controls .owl-buttons div:hover{background: url(img/btn2.png) no-repeat left center;}

#s-p2-c5-box{ width: 100%; padding-top: 15px;}
#s-p2-c5-box dl{ background-color: #fff; width: 95%;}
.sub-p2-con5 .owl-theme .owl-controls .owl-buttons .owl-prev{left: -60px;}
.sub-p2-con5 .owl-theme .owl-controls .owl-buttons .owl-next{right: -60px;;transform: rotate(180deg);}

.sub-pro h3{font-size: 46px; color: #333;padding: 60px 0 30px; font-family: RALEWAY-BOLD; text-align: center; text-transform: uppercase;}
.sub-pro ul{ display: flex; padding: 35px 55px 0 55px; flex-wrap: wrap; background-color: #f5f5f5;justify-content: space-between;}
.sub-pro ul li{margin-right: 30px; font-size: 20px; color: #444; position: relative; padding-left: 20px; margin-bottom: 30px;}
.sub-pro ul li a:hover::after{ color: #e36d23; content: '>'; position: absolute; left: 0;}
.sub-pro .on::after{color: #e36d23; content: '>'; position: absolute; left: 0;}
.sub-pro .on{color: #e36d23 ;}
.sub-pro-box{ padding-top: 50px;}
.sub-pro-box dl{ width: 33.33%; float: left;}
.sub-pro-box dl dt{min-height: 354px!important;}
.sub-pro-box .sub-fenye{ padding: 40px 0;}

.sub-pro2{ background-color: #f8f8f8;}
.sub-p2-con1{ background-color: #fff; overflow: hidden;}
.sub-p2-c1-l{ width: 45%; padding: 45px; float: left; display: flex;  align-items: center;}
.sub-p2-c1-r{ width: 55%; float: right; padding-top: 5%; padding-right: 5%;}
.sub-p2-c1-r h5{ font-size: 32px; padding-bottom: 20px;}
.sub-p2-c1-r p{ font-size: 16px; line-height: 24px; color: #666; overflow-y: auto; height: 100px; margin-bottom: 30px;}
.sub-p2-c1-r li{ position: relative; width: 50%; float: left; padding: 15px 0;}
.sub-p2-c1-r .sub-l-1{ font-size: 18px; overflow: hidden;}
.sub-p2-c1-r .sub-l-1 li:nth-child(1){ width: 45%}
.sub-p2-c1-r .sub-l-2{font-size: 20px; text-align: center; margin-top: 15px; overflow: hidden;}
.sub-p2-c1-r .sub-l-2 a{ color: #fff; padding-left:0;}
.sub-p2-c1-r .sub-l-2 li{color: #fff; border-radius: 50px; width: 47%;  }
.sub-p2-c1-r .sub-l-2 li:nth-child(1){ background-color:#e36d23 ; margin-right: 3%; }
.sub-p2-c1-r .sub-l-2 li:nth-child(2){background-color:#404143; margin-right: 0;}
.sub-p2-c1-r i{ font-size: 40px; position: absolute; display: inline-block; background-color: #e4e0de; border-radius: 50px; width: 50px; height: 50px; text-align: center; line-height: 50px; top: 0;}
.sub-p2-c1-r a{ padding-left: 19%;display: inline-block;}
.sub-p2-c1-r .sub-l-2 i{ width: 37px; height: 37px; background-color: #fff; color: #e36d23; line-height: 37px; top: 8px; left: 8px;}

.sub-media2{ width: 100%; overflow: hidden; margin-top: 40px;}
.sub-media2 span{ float: left; margin-right: 10px;}
.sub-media2 div{ float: left;}

.sub-p2-con2{overflow: hidden; margin: 20px 0;}
.proinfo_nav{ overflow: hidden; width: 100%;}
.proinfo_nav.top0{position: fixed;top: 0;z-index: 666;background: #fff; width: 90.15%;}
.proinfo_nav a{ background: #bcbcbc;font-weight: 600;margin-right: 15px; position: relative;padding: 15px 0; width: 24%; text-align: center; display: inline-block;color: #fff; }
.proinfo_nav a:last-child{ margin-right: 0;}
.proinfo_nav a.on,.proinfo_nav a:hover{background:#e36d23; color: #fff;}

.sub-p2-con3{ padding:50px 60px; overflow: hidden; background-color: #fff;}
.s-p2-c3-l,.s-p2-c3-r{ float: left; width: 50%;}
.s-p2-c3-l{ padding-right: 5%;}
.s-p2-c3-l h5, .sub-p2-con4 h5, .sub-p2-con6 h5, .sub-p2-con5 h5{ font-size: 30px; margin:40px 0 25px 0; text-transform: uppercase;}
.s-p2-c3-l h5 em, .sub-p2-con4 h5 em, .sub-p2-con5 h5 em{color: #e36d23;font-style: normal;padding-right: 10px;}
.s-p2-c3-l p{color:#666 ; line-height: 30px; overflow-y: auto; max-height: 210px;}
.sub-p2-con4{ overflow-y: auto;background-color: #fff; margin-top: 15px; padding:15px 60px 55px;}
.sub-p2-con4 table{width: 100%; border-top: 1px solid #888; border-left: 1px solid #888; font-family: arial;font-weight: bold; color: #444;}
.sub-p2-con4 table tr td{ padding: 20px 30px; border-bottom: 1px solid #888; border-right: 1px solid #888;}
.sub-p2-con4 table tr:first-child{ background-color: #fce7da; color: #666;}
.sub-p2-con4 table tr td:first-child{background-color: #fce7da;}
.sub-p2-con6{ overflow: hidden;background-color: #fff; margin-top: 15px;padding:15px 60px 55px 60px;}
.sub-p2-con6 form input{ width: 48%; margin-right: 3.5%; border: #332c2b solid 1px; border-radius: 5px; padding: 15px; outline: none; font-family: RALEWAY-REGULAR;}
.sub-p2-con6 form input:nth-child(2){ margin-right: 0;}
.sub-p2-con6 form input:nth-child(3){ width: 100%; margin: 25px 0;}
.sub-p2-con6 form textarea{ border: #332c2b solid 1px; border-radius: 5px; padding: 15px; width: 100%; height: 180px; resize: none; outline: none; font-family: RALEWAY-REGULAR;}
.sub-p2-con6 form button{font-family: RALEWAY-REGULAR;font-size: 16px; display: flex;align-items: center;justify-content: flex-start;  width: 240px; height: 50px; cursor: pointer; color: #fff;  text-transform: uppercase;border-radius: 50px;background-color: #e36d23; border: none; margin: 0 auto;margin-top: 25px;}
.sub-p2-con6 form button i{ font-size: 50px;padding-right: 18px;}

/**新闻详情内页**/
.w_p_main{ background: #fff; overflow: hidden; }
.news_box{ padding-bottom: 10%; margin-top: 55px; }
.warper{ margin:0 auto; width: 90%; max-width: 1280;}
.infocon{color: #666; }
.infocon h2{font-size:30px; text-align: center; margin-bottom: 10px; }
.infocon img{ display: inline-block; margin: 12px 0; max-width: 100%; }
.infocon .time{ text-align: center;margin-bottom:15px; color: #666; display: flex;justify-content: center;align-items: center;}
.infocon .time i{ color: #f06239; font-size: 30px; }
.infocon .other{border-top: 1px solid #bbb; padding:15px 0 0 0; margin:50px 0 0 0; line-height: 26px;}
.infocon .other div{margin:8px 0;}
.infocon .other{ color: #666; }
.infocon .other a{color: #666}
.infocon .other a:hover{ color: #f06239; }
.infocon p{line-height:28px; margin-bottom: 10px; font-size: 17px;}

/**about**/
.sxt-about{ background-color: #eee; overflow: hidden;}
.sxt-about .hot-btn{ margin: 0; background-color: #dbdbdb; margin-top: 40px;}
.sxt-about .hot-btn:hover{ background-color: #e36d23; color: #fff!important;}
.sxt-about-l,.sxt-about-r{ width: 50%; float: left;}
.sxt-about-r{max-height: 825px;overflow: hidden;}
.sxt-about-l{ padding:0 2% 0 10%;}
.sxt-abo-l-t h1{ font-size: 46px; color: #333; padding-bottom: 15px; font-family: RALEWAY-BOLD;}
.sxt-abo-l-t p{ font-size: 16px; line-height: 26px; color: #333; max-height: 182px; overflow: hidden;}
.sxt-abo-l-t{ padding-top: 85px;}
.sxt-abo-l-b{ padding: 70px 0 45px 0; overflow: hidden;}
.sxt-abo-l-b h6{ position: relative; padding-left: 40px;font-size: 26px; color: #333; margin-bottom: 70px;}
.sxt-abo-l-b h6::after{ content: '';position: absolute; width: 36px; height: 2px; background-color: #e36d23; left: 0; top: 50%;;}
.sxt-abo-l-b ul li{width: 32%; background-color: #e36d23;display: flex;flex-direction: column; align-items: center;/* position: relative;*/ float: left;  padding: 55px 15px 30px; text-align: center; color: #fff; line-height: 22px; border-radius: 10px;}
.sxt-abo-l-b ul li:nth-child(2){ margin: 0 2%;}
.sxt-abo-l-b ul li span{ display: block; height: 85px; overflow: hidden; padding:10% 5% 0;}
.sxt-abo-l-b ul li i{transition: 0.5s; margin-top: -43%; font-size: 53px; border-radius: 68px; background-color: #fff; width: 68px; height: 68px; line-height: 68px; color:#e36d23 ;}
.sxt-abo-l-b ul li:hover i{ transform: rotate(360deg); }

.about-box{ padding-top: 70px; overflow: hidden;}
.about-box1 h1{ font-size: 42px; font-family: RALEWAY-BOLD; text-align: center; color: #333; padding-bottom:40px ; text-transform: uppercase;}
.about-box1 p{ font-size: 16px; line-height: 24px; color: #999;}
.about-box1 ul li{ float: left;}
.about-img{ width: 100%; overflow: hidden; margin-top: 55px;}
.about-img li{ width: 23.5%; margin-right: 2%;}
.about-img li:last-child{ margin-right: 0;}
.about-box1 ul li:hover img{ transform: scale(1.15);}

.about-icon{ width: 100%;}
.about-icon{ margin: 55px 0; overflow: hidden;}
.about-icon li{ width: 31%; background-color:#e36d23; padding: 15px 35px;color: #fff; border-radius: 10px; }
.about-icon li:nth-child(2){ margin: 0 3.5%;}
.about-icon i{transition: 0.5s; box-shadow: 0 1px 6px 1px rgb(104 44 6 / 25%) ;float: left; background-color: #FFFFFF; color:#e36d23; font-size: 60px; border-radius: 60px; display:block; width: 68px; height: 68px;text-align: center; line-height: 68px;}
.about-icon li span{ margin:20px 0 0 88px; display: block;}
.about-icon li:hover i{transform: rotate(360deg);}

.about-box-time h4{ font-size: 42px; font-weight: 700; text-transform: uppercase; color: #333; text-align: center;font-family: RALEWAY-BOLD; padding-top: 70px;}
.about-box-time{ background-color: #f9f9f9;}
.historybox_lis{position: relative; margin-top: 80px; }
.historybox_lis .line{ position: absolute; width: 100%; left:0; top: 50%; margin-top: -16px; height: 3px; background:#dadada; }
.historybox_lis .item{position: relative;}
.historybox_lis .item-box{ transition: all 0.5s; min-height: 96px;  width: 100%; position: relative; }
.historybox_lis .fon{ line-height: 20px; height: 78px; overflow: hidden; color: #666; text-align: center;}
.historybox_lis .zhi{ width: 32px;height: 25px; background: url(img/btn4-1.jpg) no-repeat ; margin:0 auto; position: absolute; bottom: -29px; left:50%; margin-left: -18px;}
.historybox_lis .num{ font-size: 40px; position: absolute; bottom: 0; width: 100%; text-align: center; font-family: arial;}
.historybox_lis .owl-item:nth-child(even) .item{ margin-top: 132px; }
.historybox_lis .owl-item:nth-child(even) .item-box{ margin-bottom: 0; }
.historybox_lis .owl-item:nth-child(even) .item .zhi{top: -33px;}
.historybox_lis .owl-item:nth-child(even) .num{ top: 0; bottom: auto; position: static; }
.historybox_lis .owl-carousel .owl-wrapper-outer{ padding: 5px 0; }
.historybox_lis .owl-controls .owl-buttons div{position: absolute; left:-70px; opacity: 1; top: 50%; margin-top: -40px; border-radius: 50px; width: 50px; height: 50px; background:url(img/btn3.png) no-repeat center #fff;text-indent: 9999px; overflow: hidden;}
.historybox_lis .owl-controls .owl-buttons div.owl-next{left: auto; right:-70px;}
.historybox_lis .owl-controls .owl-buttons div.owl-prev{transform: rotate(180deg);}
.historybox_lis .owl-controls .owl-buttons div:hover{ background:url(img/btn3-2.png) no-repeat center;  }
.historybox_lis .item:hover .num{ color: #e36d23; }
.historybox_lis .item:hover .zhi{ background: url(img/btn4.jpg) no-repeat ; }
.historybox_lis .owl-theme .owl-controls{ margin-top: 0;}

/**news**/
.sxt-news{ padding: 125px 0 65px 0; overflow: hidden;}
.sxt-news ul{ margin: 65px 0 25px 0; overflow: hidden;}
.sxt-news ul li{ width: 32%; float: left; padding:15px 3% 60px 3%;}
.sxt-news ul li:nth-child(2){ margin: 0 2%; border-left: #cfcfcf dashed 1px;border-right: #cfcfcf dashed 1px;}
.sxt-news ul li time{display: block;font-family: Arial; color: #fff; width: 88px; height: 88px; background-color:#e36d23 ; text-align: center; }
.sxt-news ul li time em{  font-size: 40px; font-style: normal; padding-top: 10px; display: block;}
.sxt-news ul li time span{ font-size: 14px;}
.sxt-news ul li h5{margin: 25px 0; height: 30px; overflow: hidden;}
.sxt-news ul li h5 a{ font-size: 24px; color: #000000; }
.sxt-news ul li p{ height: 100px; overflow: hidden;}
.sxt-news ul li p a{ font-size: 16px; line-height: 24px; color: #999;}
.sxt-news ul li p:hover a,.sxt-news ul li h5 a:hover{ color:#e36d23 ;}
.new-btn{text-transform: uppercase; border: #bfbfbf solid 1px; border-radius: 50px; width: 173px; height: 46px; line-height: 46px;text-align: center; color: #666; font-size: 18px; margin: 0 auto; }
.new-btn:hover{background-color:#e36d23 ;border: #e36d23 solid 1px; }
.new-btn:hover a{color: #fff;}

.sub-news{ margin: 90px 0; }
.sub-news dl{ width: 50%; float: left; margin-bottom: 30px; background-color: #f9f9f9;}
.sub-news dl dt{ width: 40%; transition: 0.5s;}
.sub-news dl dt:hover img{ transform: scale(1.15);}
.sub-news dl dd{ width: 60%; padding: 4%;}
.sub-news dl dt,.sub-news dl dd{ float: left;}
.sub-news dl time{display: block;font-family: Arial; color: #fff; width: 50px; height: 50px; background-color:#e36d23 ; text-align: center; }
.sub-news dl time em{  font-size: 24px; font-style: normal;  display: block; font-weight: bold;}
.sub-news dl time span{ font-size: 10px;}
.sub-news dl h5{margin: 10px 0; height: 30px; overflow: hidden;}
.sub-news dl h5 a{ font-size: 24px; color: #000000; }
.sub-news dl p{ height: 90px; overflow: hidden;}
.sub-news dl p a{ font-size: 16px; line-height: 22px; color: #999;}
.sub-news dl p:hover a,.sxt-news ul li h5 a:hover{ color:#e36d23 ;}
.sub-news .sub-fenye{ padding-top: 60px;}


/**case**/
.sxt-case{ background-color: #f5f5f5; padding: 40px 0;}
#sxt-case-box{ margin-top: 50px;}
.sxt-case dl{ position: relative; padding-bottom: 12.5%; margin-bottom: 1%;}
.sxt-case dl dd{ position: absolute; width: 80%; left: 10%; bottom: 0; text-align: center; background: rgba(0,0,0,0.6);  transition: 0.5s;box-shadow: 0 1px 6px 1px rgb(128 128 128 / 20%);}
.sxt-case dl dd h6{ position: relative; padding: 40px 45px;}
.sxt-case dl dd h6::after{position: absolute; right: 45px; bottom: 30px; content: ''; width: 70px; height: 3px; background-color: #e36d23;}
.sxt-case dl dd h6 a{ font-size: 20px; color: #fff; max-height: 25px; overflow: hidden; display: block; }
.sxt-case dl dd p{ margin: 0 45px 50px; height: 60px; overflow: hidden;}
.sxt-case dl dd p a{color: #e0e0e0; }
.case-btn{ background-color: #fff; width: 100%; overflow: hidden; padding: 20px 45px;}
.case-btn a{display: block; border: #bfbfbf solid 1px; border-radius: 50px; width: 164px; height: 39px; line-height: 39px;text-align: center; color: #666; font-size: 18px;  }
.sxt-case dl dd:hover{ background-color: rgba(224,116,47,0.95); width: 70%; left: 15%; text-align: center; }
.sxt-case dl dd:hover p{ margin-bottom: 30px;}
.sxt-case dl dd:hover h6 a{ max-height: 75px;}
.sxt-case dl dd:hover .case-btn{ background-color: rgba(224,116,47,0.95); padding-top: 0; padding-bottom: 30px;}
.sxt-case dl dd:hover .case-btn a{ margin: 0 auto; color: #fff; border: #fff solid 1px;}
.sxt-case dl dd:hover h6::after{display: none;}

.sub-case dl{ width: 32%; float: left; margin-right:2%; padding-bottom: 0; margin-bottom: 130px;}
.sub-case dl dd{ width: 90%; left: 5%;bottom: -91px;}
.sub-case dl:nth-child(3n){ margin-right: 0;}
.sub-case dl dd p{ margin: 0 30px}
.sub-case dl dd .case-btn{background:none;}
.sub-case dl dd .case-btn a{ margin: 0 auto; color: #fff; }
.sub-case dl dd h6{padding: 40px 30px;}
.sub-case dl dd h6::after{right: 40%;}
.sub-case dl dd:hover h6::after{display: block;}
.sub-case dl dd:hover{width: 90%; left: 5%;}
.sub-case dl dd:hover .case-btn{background:none; padding-bottom: 20px;}
.sub-case dl dd:hover p{ margin-bottom: 20px;}

/**联系我们**/
.sub-contact{ margin-top: 60px;}
.sub-con-l{ width: 50%; float: left;}
.sub-con-r{width: 45%; float: right;}
.sub-con-title h5{ font-size: 30px; text-transform: uppercase;}
.sub-con-title p{ font-size: 18px; color: #333; margin-top: 15px;}
.sub-con-l ul{ padding: 30px 0 0 ; margin-right: 50px;}
.sub-con-l ul li{ background-color: #fcf9f6; padding: 20px 35px; margin-bottom: 15px;position: relative;}
.sub-con-l ul li a{ font-size: 26px; color: #333; font-weight: 700; display: block; margin-top: 15px; font-family: arial; cursor: inherit;}
.sub-con-l ul li:nth-child(1) a{cursor:pointer ;}
.sub-con-l ul li a:hover{ color: #e57835;}
.sub-con-l ul li span{ color: #666; font-size: 18px; display: block;  padding-left: 6%; text-transform: uppercase;}
.sub-con-l ul li i{ color:#e57835 ; font-size: 45px; position: absolute; left: 4%; top: 8%;}
.sub-media{ overflow: hidden; margin-bottom: 60px;}
.sub-media a{margin-right: 10px;font-size: 35px; display: inline-block; background-color: #cecccc; color: #fff;text-align: center; width: 40px; height: 40px; line-height: 40px; border-radius: 46px;}
.sub-media a:hover:nth-child(1){ background-color: #3a82d3;}
.sub-media a:hover:nth-child(2){ background-color: #0085b2;}
.sub-media a:hover:nth-child(3){ background-color: #30afeb;}
.sub-media a:hover:nth-child(4){ background-color: #d20000;}
.sub-con-r form{ margin-top: 30px;}
.sub-con-r input{ border: #ccc solid 1px; padding: 15px; background: none; width: 100%; margin-bottom: 10px; outline: none;font-family: RALEWAY-REGULAR;}
.sub-con-r textarea{border: #ccc solid 1px; padding: 15px 0 0 15px;background: none; width: 100%; outline: none; resize: none; height: 190px;font-family: RALEWAY-REGULAR;}
.sub-con-r button{margin-top: 50px;cursor: pointer; background-color: #e57835; color: #fff; font-size: 20px; padding: 15px 30px; border: none; border-radius: 50px; transition: 0.5s;}
.sub-con-r button:hover{ background-color: #c55c0f;}
.sub-con-b{ width: 100%; overflow: hidden;}

/**分页**/
.sub-fenye{ width: 100%; overflow: hidden;text-align: center; font-size: 20px; font-family: arial;}
.sub-fenye a{ display: inline-block; background-color: #f4ede9; border-radius: 50px;  margin-right: 10px; width: 42px; height: 42px; line-height: 42px; }
.current{ background-color: #e57835!important;color: #fff!important;}
.sub-fenye a{color: #e57835; }
.sub-fenye .up,.sub-fenye .down{color: #bfb8b2; font-family: RALEWAY-REGULAR; font-size: 25px; background: url(img/btn5.png) no-repeat center #f4ede9;}
.sub-fenye .down{transform: rotate(180deg);}

/**lest-banner**/
#lest-banner img{ width: 100%;}
.sxt-lest-banner .owl-theme .owl-controls{ position: absolute; width: 100%; bottom: 5%;}
.sxt-lest-banner .owl-theme .owl-controls .owl-page span{ width: 18px; height: 18px; border-radius: 18px; background-color: #fff; opacity: 1; margin: 5px 10px;}
.sxt-lest-banner .owl-theme .owl-controls .owl-pagination .active span{ background-color: #e57835}

/**移动端底部导航**/
.footmenu{position:fixed;bottom:0;left:0;width:100%;z-index:5;max-width:1024px; display: none;}
.footmenu img{display:block}
.footmenu div.bgcolor{ clear:both;}
.footmenu div.con{position:absolute;bottom:0;left:0;width:100%; padding-bottom: 10px; background:#f39800;}
.footmenu a{color:#fff;font-size:16px; display:block;width:25%;text-align:center;float:left;position:relative}
.footmenu i{display:block;width:25px;height:25px;margin:6px auto 2px; font-size: 26px;}

/****/
@media screen and (max-width:1680px){
	.sxt-abo-l-t{ padding-top: 64px;}
	.sxt-abo-l-b{ padding: 32px 0 0 0;}
	.sxt-abo-l-b ul li i{ margin-top: -53%;}
}

@media screen and (max-width:1440px){
	.sxt-abo-l-t{ padding-top: 34px;}
	.sxt-about .hot-btn{ margin-top:17px ;}
	.sxt-abo-l-b{ padding: 15px 0 0 0;}
	.sxt-abo-l-b h6{margin-bottom: 55px;}
	.sxt-abo-l-b ul li i{ margin-top: -62%;}
	.sxt-abo-l-b ul li span{ height: 80px;}
	.sub-pro ul li:last-child{ flex: 2;}
	.proinfo_nav a{ margin-right: 12.5px;}
	.about-icon li span{margin: 7px 0 0 88px}
}

@media screen and (max-width:1366px){
	.sub-news dl dd{ padding-bottom: 0;}
	.sxt-abo-l-b ul li i{ margin-top: -67%;}
	.sxt-abo-l-t{ padding-top: 20px;}
	.sxt-news,.sxt-case{padding: 65px 0 85px 0;}
	.proinfo_nav a{margin-right: 11.5px;}
}

@media screen and (max-width:1280px){
	nav li{ margin: 0 25px;}
	.sxt-hot{ padding: 20px 0;}
	.sxt-title h3,.sxt-abo-l-t h1,.about-box1 h1,.about-box-time h4{ font-size: 36px;}
	.sxt-hot dl, .sub-p2-con5 dl{ padding-bottom: 22px;}
	.sxt-hot dl dt{ min-height: 290px;}
	.sub-pro-box dl dt,.sub-p2-con5 dl dt{min-height:340px;}
	.sxt-hot .owl-theme .owl-controls .owl-buttons .owl-prev{ left: -46px;}
	.sxt-hot .owl-theme .owl-controls .owl-buttons .owl-next{ right: -46px;}
	.sxt-news, .sxt-case{ padding: 20px 0 50px 0;}
	.sxt-abo-l-b ul li i{ margin-top: -63%;width: 45px; height: 45px; line-height: 45px;font-size: 45px;}
	.f-top ul li i{ width: 50px; height: 50px;line-height: 50px; font-size: 35px; }
	.f-top ul li a{ margin-left: 19%; padding-top: 0;}
	.f-top ul li:last-child a{ margin-left: 15%;}
	.proinfo_nav a{ margin-right: 10.5px;}
	.about-box{ padding-top: 40px;}
	.historybox_lis{margin-top: 40px;}
	.sub-news{ margin: 50px 0;}
	.sub-news dl dd{ padding: 3%;}
	.sub-news dl h5{ height: 28px;margin: 5px 0;}
	.sub-news dl h5 a{ font-size: 20px;}
	.sub-news .sub-fenye{ padding-top: 10px;}
	.sub-con-title h5{ font-size: 24px;}
	.sub-con-l ul li a{ font-size: 20px;}
	.sub-con-r button{ margin-top: 25px;}
	nav li{ margin: 0 11px;}
	nav li>a{ font-size: 18px;}
}

@media screen and (max-width:1024px){
	.sxt-about-l{ padding: 0 2% 0 4%;}
	.sxt-about-r{ margin-top: 9.5%;}
	.sxt-abo-l-b h6{ margin-bottom: 40px;}
	.sxt-abo-l-b ul li i{ margin-top: -71%;}
	.f-top ul li a{margin-left: 24%; font-size: 16px;}
	.f-top ul li:last-child a{ margin-left: 19%;}
	.about-icon li{ min-height: 185px;}
	.about-img{ margin-top: 35px;}
	.about-icon{margin: 45px 0;}
	.historybox_lis .owl-controls .owl-buttons div{ left: -50px;}
	.historybox_lis .owl-controls .owl-buttons div.owl-next{right: -50px;}
	.sub-case dl{width: 49%; padding-bottom:0; margin-bottom: 30px;}
	.sub-case dl dd{ bottom: 0;}
	.sub-case .sub-fenye{ padding-top: 40px;}
	.sub-case dl:nth-child(odd){ margin-right:1.5%;}
	.sub-case dl:nth-child(even){ margin-right:0;}
	.sub-con-l ul li a{ font-size: 16px;}
	.sub-con-r button{font-size: 16px;padding: 8px 30px}
	.sub-news dl p{ height: 47px;}
}



@media screen and (max-width:990px){
	/**nav**/
	.head_rcon{display: none;}
	.fixnav{ display: none;}
	#banner_home video{margin-top: 0;}
	#nav .nav-button{display: block; top: 14px; }
	header,header.position{ height: 62px; }
	nav{position: fixed; left: 0;top: 0;bottom: 0;width: 250px; z-index: 99;overflow: auto;background: #222; transform: translateX(-250px);transition: 0.3s;}
	nav li{ float: none; padding: 0; margin: 0; }
	nav li>a,.position nav li>a{ margin:0; color: #fff;  display:block; padding:15px 20px; border-bottom:1px solid #2e2e2e; text-align: left;}
	nav li dl{ left: 0; top: 0; width: auto;  background: #2e2e2e;  position: inherit;  opacity: 1; display: block; }
	nav li dd a{padding: 10px 20px;display: block; border-bottom: none; color: #fff!important}
	.logo,.position .logo{ top: 10px; padding-top:0; left: 0;}
	nav li.on a, nav li:hover a{ color: #fff; }
	nav li:hover dl{ left: 0; opacity: 1; }
	#banner_home .owl-theme .owl-controls{ bottom: 8px; }
	nav li>a:after{ background: #fff; }
	#banner_home .owl-theme .owl-controls .owl-page span{ width: 12px; height: 12px; }
	nav li.on>a:after, nav li:hover a:after{ width: 0; }
	nav li dl dd a{ color: #fff !important; white-space: normal; }
	nav dl dd:hover div{display: none;}
	.l_fixed,.header-top:before,.header-top .lcon{ display: none; }
	.header-top{ display: none; }
	.h_lang,.position .h_lang{ top: 16px; right: 62px; }
	.position nav dl{ top: 0; }
	/**end**/

	.warper0{ width: 95%; margin: 0 auto;}
	.warper0 h1,.warper0 h3{ font-size: 24px;}
	.sxt-title p{padding: 0;}



	}

@media screen and (max-width:768px){
	.hot-box{padding-top: 20px;}
	.sxt-hot .owl-theme .owl-controls .owl-buttons .owl-prev{ left: -20px;}
	.sxt-hot .owl-theme .owl-controls .owl-buttons .owl-next{ right: -20px;}
	.warper h1,.warper h3,.warper h4,.warper h5{ font-size: 24px;}
	.sub-pro2{ background:none}
	.sub-pro2 .warper{ width:95%;}
	.sub-pro h3{ padding-top: 30px;}
	.sub-btn{display: none;}
	.sub-ban-box ul{width: 70%;}
	.sub-ban-box ul li{ height: 35px; line-height: 35px; font-size: 16px!important;}
	.sub-ban-box ul li i{ font-size: 25px;}
	.sub-p2-c1-l,.sub-p2-c1-r{ width: 100%;}
	.sub-p2-c1-l{ padding: 5% 31%; min-height: inherit;}
	.sub-p2-c1-r{ padding: 0;}
	.sub-p2-c1-r p{ height: auto; overflow: hidden;}
	.sxt-abo-l-b{ display: none;}
	.sxt-about-r{ margin-top: 3.5%;}
	.sxt-news ul{ margin-top: 25px;}
	.sxt-news{ padding-bottom: 30px;}
	#sxt-case-box{ margin-top: 30px;}
	.f-top ul{ padding: 25px 0;}
	.sxt-news ul li{display: flex;flex-direction: column;align-items: center; text-align: center;}
	.f-top ul li{ width: 100%!important; margin-bottom: 15px;}
	.f-top ul li a{ margin-left: 13%!important;}
	.f-bottom{ margin-top: 0;}
	.f-b1,.f-b4{ width: 100%; margin-bottom: 10px;}
	.f-b2,.f-b3{ display: none;}
	.sub-pro-box dl{ width: 50%;}
	.sub-l-1 li{ width: 50%!important;}
	.s-p2-c3-l, .s-p2-c3-r,.sub-p2-con4{ width: 100%;}
	.sub-p2-con3{ padding: 0;}
	.sub-p2-con2{ margin: 0;}
	.sub-p2-con4,.sub-p2-con6{ padding: 0; margin: 0;}
	.sub-p2-con6 form input{ width: 100%; margin:0 0 25px;}
	.sub-p2-con6 form input:nth-child(3){ margin-top: 0;}
	.sub-p2-con6 form button{ margin-bottom: 25px;}
	.sub-p2-con5 .owl-theme .owl-controls .owl-buttons .owl-prev{left: -20px;}
	.sub-p2-con5 .owl-theme .owl-controls .owl-buttons .owl-next{right: -20px;}
	.about-img li{ width: 49%; margin-bottom: 10px;}
	.about-img li:nth-child(2n){ margin-right: 0;}
	.about-icon li{ width: 100%; margin-bottom: 15px; }
	.about-icon li{min-height: 100px;}
	.about-icon li:nth-child(2){ margin: 0; margin-bottom: 15px;}
	.historybox_lis .owl-controls .owl-buttons div.owl-prev{left: -25px;}
	.historybox_lis .owl-controls .owl-buttons div.owl-next{right: -25px;}
	.historybox_lis{margin-top: 20px;}
	.about-icon{ margin: 20px 0;}
	.about-box1 h1{ padding-bottom: 20px;}
	.about-box{ padding-top: 20px;}
	.sub-news dl,.sub-con-l,.sub-con-r,.sub-case dl{ width: 100%;}
	.news_box{ margin-top: 25px;}
	.hot-btn{ width: 154px; height: 34px; line-height: 34px; margin-top:0!important;}

}

@media screen and (max-width:640px){
	.warper h1,.warper h3,.warper h4,.warper h5{ font-size: 24px;}
	.sub-pro2{ background:none}
	.sub-pro2 .warper{ width:95%;}
	.sub-pro h3{ padding-top: 30px;}
	.sub-btn{display: none;}
	.sub-ban-box ul{width: 70%;}
	.sub-ban-box ul li{ height: 35px; line-height: 35px; font-size: 16px!important;}
	.sub-ban-box ul li i{ font-size: 25px;}
	.sub-p2-c1-l,.sub-p2-c1-r{ width: 100%;}
	.sub-p2-c1-l{ padding: 5% 31%; min-height: inherit;}
	.sub-p2-c1-r{ padding: 0;}
	.sub-p2-c1-r p{ height: auto; overflow: hidden;}
	.sxt-about{ padding-bottom: 20px;}
	.sxt-abo-l-b{ display: none;}
	.sxt-about-r{ margin-top: 3.5%;}
	.sxt-news ul{ margin-top: 25px;}
	.sxt-news{ padding-bottom: 30px;}
	#sxt-case-box{ margin-top: 30px;}
	.sxt-case dl dd{ bottom: -7px;}
	.f-top ul{ padding: 25px 0;}
	.sxt-news ul li{display: flex;flex-direction: column;align-items: center; text-align: center;}
	.f-top ul li{ width: 100%!important; margin-bottom: 15px;}
	.f-top ul li a{ margin-left: 13%!important;}
	.f-bottom{ margin-top: 0;}
	.f-b1,.f-b4{ width: 100%; margin-bottom: 10px;}
	.f-b2,.f-b3{ display: none;}
	.sub-pro-box dl{ width: 50%;}
	.sub-l-1 li{ width: 50%!important;}
	.s-p2-c3-l, .s-p2-c3-r,.sub-p2-con4{ width: 100%;}
	.sub-p2-con3{ padding: 0;}
	.sub-p2-con2{ margin: 0;}
	.sub-p2-con4,.sub-p2-con6{ padding: 0; margin: 0;}
	.sub-p2-con6 form input{ width: 100%; margin:0 0 25px;}
	.sub-p2-con6 form input:nth-child(3){ margin-top: 0;}
	.sub-p2-con6 form button{ margin-bottom: 25px;}
	.sub-p2-con5 .owl-theme .owl-controls .owl-buttons .owl-prev{left: -20px;}
	.sub-p2-con5 .owl-theme .owl-controls .owl-buttons .owl-next{right: -20px;}
	.about-img li{ width: 49%; margin-bottom: 10px;}
	.about-img li:nth-child(2n){ margin-right: 0;}
	.about-icon li{ width: 100%; margin-bottom: 15px; }
	.about-icon li{min-height: 100px;}
	.about-icon li:nth-child(2){ margin: 0; margin-bottom: 15px;}
	.historybox_lis .owl-controls .owl-buttons div.owl-prev{left: -25px;}
	.historybox_lis .owl-controls .owl-buttons div.owl-next{right: -25px;}
	.historybox_lis{margin-top: 20px;}
	.about-icon{ margin: 20px 0;}
	.about-box1 h1{ padding-bottom: 20px;}
	.about-box{ padding-top: 20px;}
	.sub-news dl,.sub-con-l,.sub-con-r,.sub-case dl{ width: 100%;}
	.news_box{ margin-top: 25px;}
	.hot-btn{ width: 154px; height: 34px; line-height: 34px; margin-top:0!important;}

}

@media screen and (max-width:480px){
	.footmenu{ display: block; }
  header{ background: rgba(11,11,11,0.8); }
  .logo img{ height: 45px; width: auto; }
  #banner_home,.sub_banner{ margin-top: 62px; }
	.footmenu div.con{ background: #ec7d1b; }
	.warper h1,.warper h3,.warper h4{ font-size: 24px;}
	.sub-pro2{background:none;}
	.fixnav{ display: none;}
	.sxt-about-l, .sxt-about-r{ width: 100%;}
	.sxt-news{ padding-bottom: 20px;}
	.sxt-news ul{ margin: 20px 0 0;}
	.sxt-news ul li{ padding:0 0 20px;}
	.sxt-news ul li h5{ margin: 10px 0;}
	.sxt-news ul li,.sxt-news ul li time{ width: 100%; text-align: center;}
	.sxt-news ul li time{ height: 72px; }
	.sxt-news ul li time em{ font-size: 30px;}
	.sxt-news ul li:nth-child(2){ border: none; margin: 0;}
	#sxt-case-box{margin-top: 20px;}
	.sxt-case dl{ padding-bottom: 21%;}
	.sxt-case dl dd h6::after{ right: 40%;}
	.f-b4 button{bottom: 88px;}
	.f-top ul{ padding: 30px 0 10px; border: none;}
	.f-top ul li,.f-b4{ width: 100%!important; margin-bottom: 5%;}
	.f-top ul li a{ margin-left: 19%!important;}
	.f-b1,.f-b2,.f-b3{ display: none;}
	.f-bottom{ margin-top: 0;}
	.f-top ul li a{ font-size: 14px;}
	.sub-p2-c1-l{ padding: 5% 22%; min-height: inherit;}
	.sub-p2-c1-r li{ width: 100%!important; margin-bottom: 15px;}
	.sub-p2-c1-r .sub-l-2{ margin-top: 0;}
	.sub-media2{ margin-top: 20px;}
	.sub-p2-con2{ margin: 0;}
	.sub-p2-con3{ padding: 0;}
	.s-p2-c3-l, .s-p2-c3-r{ width: 100%;}
	.s-p2-c3-r{ margin-top: 10px;}
	.s-p2-c3-l p{ max-height: none; line-height: 24px;}
	.s-p2-c3-l h5, .sub-p2-con4 h5, .sub-p2-con6 h5{ margin: 25px 0;}
	.sub-p2-con4,.sub-p2-con6{ padding: 0; margin: 0;}
	.sub-p2-con5 .owl-theme .owl-controls .owl-buttons .owl-prev{left: -24px;}
	.sub-p2-con5 .owl-theme .owl-controls .owl-buttons .owl-next{ right: -24px;}
	.sub-p2-con6 h5{ margin-top: 0;}
	.sub-p2-con6 form input{ width: 100%; margin:0 0 25px;}
	.sub-p2-con6 form input:nth-child(3){ margin-top: 0;}
	.sub-p2-con6 form button{ margin-bottom: 25px;}
	.sxt-news .warper,.sub-case dl,.sub-news dl,.sub-con-l,.sub-con-r{ width: 100%;}
	.about-icon{ margin: 20px 0;}
	.about-img li,.about-icon li{ width: 100%; margin-bottom: 15px; }
	.about-icon li{min-height: 100px;}
	.about-icon li:nth-child(2){ margin: 0; margin-bottom: 15px;}
	.historybox_lis .owl-controls .owl-buttons div.owl-prev{left: -25px;}
	.historybox_lis .owl-controls .owl-buttons div.owl-next{right: -25px;}
	.historybox_lis{margin-top: 20px;}
	.sub-news dl dd{ padding: 0 2%;}
	.infocon h2{ font-size: 24px;}
	.news_box{margin-top: 25px;}
	.sub-con-l ul{ margin-right: 0;}
	.sub-contact{ margin-top:30px ;}
	.sub-media{ margin-bottom: 30px;}
	.sub-con-r button{ margin-bottom: 30px;}
	.sub-pro h3{ padding-top: 30px;}
	.sub-pro ul{ padding: 35px;}
	.sub-pro-box dl{ width: 100%;}
}

@media screen and (max-width:414px){

	.sxt-abo-l-b ul li i{ margin-top: -94%;}
	.sxt-abo-l-b ul li span{ height: 77px;}
}
























